<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="index.css" />
		<h1 style="text-align: center; color: crimson;">“北上广杭”</h1>
		<h2 style="text-align: center; color: gold;">##传媒机构与文化设施的建设大比拼##</h2>
		<h3 style="text-align: center; font-family:'楷体';"> 到底这两者的关系是否成正相关呢？！</h3>
	</head>	
	
	
	<body>
		<div style="background-color: black;">
			<p style="text-align: center;color: floralwhite;font-size: x-large;">视角 1：传媒机构位置一览</p>
		    <div class='tableauPlaceholder' id='viz1546519909934' style='position: absolute;width: 50px;height: 50px;'>
			    <noscript><a href='#'><img alt=' ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet0&#47;1_rss.png' style='border: none' /></a></noscript>
			    <object class='tableauViz'  style='display:none;'>
				    <param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> 
				    <param name='embed_code_version' value='3' /> 
				    <param name='site_root' value='' />
				    <param name='name' value='media_9&#47;sheet0' />
				    <param name='tabs' value='no' />
				    <param name='toolbar' value='yes' />
				    <param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet0&#47;1.png' /> 
				    <param name='animate_transition' value='yes' />
				    <param name='display_static_image' value='yes' />
				    <param name='display_spinner' value='yes' />
				    <param name='display_overlay' value='yes' />
				    <param name='display_count' value='yes' />
				    <param name='filter' value='publish=yes' />
			    </object>
			    <script type='text/javascript'>
			        var divElement = document.getElementById('viz1546519909934');
			        var vizElement = divElement.getElementsByTagName('object')[0];
			        vizElement.style.width='1000px';
			        vizElement.style.height='827px';
			        var scriptElement = document.createElement('script');
			        scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';
			        vizElement.parentNode.insertBefore(scriptElement, vizElement);
		        </script>
		    </div>                
		    
		</div>
		
		
		<div style="-webkit-border-bottom-right-radius: inherit;background-color: whitesmoke;">
		    <p style="text-align: center;color:black; font-size:x-large;">视角 2：两者位置对比</p>
		    <div class='tableauPlaceholder' id='viz1546520763920' style='position:relative;'>
        	<noscript><a href='#'><img alt=' ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet1&#47;1_rss.png' style='border: none' /></a></noscript>
        	<object class='tableauViz'  style='display:none;'>
        		<param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> 
        		<param name='embed_code_version' value='3' /> 
        		<param name='site_root' value='' />
        		<param name='name' value='media_9&#47;sheet1' />
        		<param name='tabs' value='no' />
        		<param name='toolbar' value='yes' />
        		<param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet1&#47;1.png' /> 
        		<param name='animate_transition' value='yes' />
        		<param name='display_static_image' value='yes' />
        		<param name='display_spinner' value='yes' />
        		<param name='display_overlay' value='yes' />
        		<param name='display_count' value='yes' />
        		<param name='filter' value='publish=yes' />
        	</object>
            </div>                
            <script type='text/javascript'>                    
        	    var divElement = document.getElementById('viz1546520763920');                    
        	    var vizElement = divElement.getElementsByTagName('object')[0];                    
        	    vizElement.style.width='1000px';vizElement.style.height='827px';                    
        	    var scriptElement = document.createElement('script');                    
        	    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    
        	    vizElement.parentNode.insertBefore(scriptElement, vizElement);                
            </script>
            <div class='tableauPlaceholder' id='viz1546520995455' style='position: relative;margin: inherit;'><noscript><a href='#'><img alt=' ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet2&#47;1_rss.png' style='border: none' /></a></noscript><object class='tableauViz'  style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='media_9&#47;sheet2' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet2&#47;1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div>                <script type='text/javascript'>                    var divElement = document.getElementById('viz1546520995455');                    var vizElement = divElement.getElementsByTagName('object')[0];                    vizElement.style.width='1000px';vizElement.style.height='827px';                    var scriptElement = document.createElement('script');                    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    vizElement.parentNode.insertBefore(scriptElement, vizElement);                </script>
            <div class='tableauPlaceholder' id='viz1546521205247' style='position: relative'><noscript><a href='#'><img alt=' ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet3_1&#47;1_rss.png' style='border: none' /></a></noscript><object class='tableauViz'  style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='media_9&#47;sheet3_1' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet3_1&#47;1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div>                <script type='text/javascript'>                    var divElement = document.getElementById('viz1546521205247');                    var vizElement = divElement.getElementsByTagName('object')[0];                    vizElement.style.width='1000px';vizElement.style.height='827px';                    var scriptElement = document.createElement('script');                    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    vizElement.parentNode.insertBefore(scriptElement, vizElement);                </script>
            <div class='tableauPlaceholder' id='viz1546521291782' style='position: relative'><noscript><a href='#'><img alt=' ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet4_1&#47;1_rss.png' style='border: none' /></a></noscript><object class='tableauViz'  style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='media_9&#47;sheet4_1' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet4_1&#47;1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div>                <script type='text/javascript'>                    var divElement = document.getElementById('viz1546521291782');                    var vizElement = divElement.getElementsByTagName('object')[0];                    vizElement.style.width='1000px';vizElement.style.height='827px';                    var scriptElement = document.createElement('script');                    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    vizElement.parentNode.insertBefore(scriptElement, vizElement);                </script>
        </div>
        
        <div class='tableauPlaceholder' id='viz1546521497326' style='position: relative'><noscript><a href='#'><img alt=' ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet5_1&#47;1_rss.png' style='border: none' /></a></noscript><object class='tableauViz'  style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='media_9&#47;sheet5_1' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet5_1&#47;1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div>                <script type='text/javascript'>                    var divElement = document.getElementById('viz1546521497326');                    var vizElement = divElement.getElementsByTagName('object')[0];                    vizElement.style.width='100%';vizElement.style.height=(divElement.offsetWidth*0.75)+'px';                    var scriptElement = document.createElement('script');                    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    vizElement.parentNode.insertBefore(scriptElement, vizElement);                </script>
        <div class='tableauPlaceholder' id='viz1546521793215' style='position: relative'><noscript><a href='#'><img alt=' ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet6_1&#47;1_rss.png' style='border: none' /></a></noscript><object class='tableauViz'  style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='media_9&#47;sheet6_1' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet6_1&#47;1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div>                <script type='text/javascript'>                    var divElement = document.getElementById('viz1546521793215');                    var vizElement = divElement.getElementsByTagName('object')[0];                    vizElement.style.width='100%';vizElement.style.height=(divElement.offsetWidth*0.75)+'px';                    var scriptElement = document.createElement('script');                    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    vizElement.parentNode.insertBefore(scriptElement, vizElement);                </script>
        
        <div style="color:whitesmoke; background-color:black;">
        		<h1 style="text-align: center;color: gold;">结论</h1><h2>位置的相近，数量占比的相似，我们可以初步断定，城市的文化设施建设和传媒机构之间的位置和数量是成正相关的。</h2>		
        </div>
        
        
        <div style="align-items: center;">
        	<p style="text-align: center;color:black; font-size:x-large;">了解一下各个城市传媒机构的数量吧！</p>
            <div class='tableauPlaceholder' id='viz1546521897148' style='position: relative'><noscript><a href='#'><img alt=' ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet7&#47;1_rss.png' style='border: none' /></a></noscript><object class='tableauViz'  style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='media_9&#47;sheet7' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;me&#47;media_9&#47;sheet7&#47;1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div>                <script type='text/javascript'>                    var divElement = document.getElementById('viz1546521897148');                    var vizElement = divElement.getElementsByTagName('object')[0];                    vizElement.style.width='100%';vizElement.style.height=(divElement.offsetWidth*0.75)+'px';                    var scriptElement = document.createElement('script');                    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    vizElement.parentNode.insertBefore(scriptElement, vizElement);                </script>
        </div>
        
    </body>   
     

</html>
